<!DOCTYPE html>
<html lang="en">

<head>
    <title>京润珍珠宝贝官网</title>
    <meta charset="UTF-8">
    <!--加载站点小图标-->
    <link rel="shortcut icon" href="../img/favicon.ico" type="../img/ico"/>
    <link rel="icon" type="../img/ico" href="../img/favicon.ico"/>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/京润珍珠宝贝官网.css">
</head>

<body>
    <div class="overall">
        <!--导航条-->
        <nav>
            <div class="color"></div>
            <div id="left">
                <ol class="list-inline list-unstyled">
                    <li class="active">
                        <a href="" id="es">
                            <div id="esp" style="color: white">首页</div>
                        </a>
                    </li>
                    <li>
                        <a href=''>
                            <div class="text-color">产品系列</div>
                        </a>
                    </li>
                    <li>
                        <a href=''>
                            <div class="text-color">研究中心</div>
                        </a>
                    </li>
                    <li><img src="../img/logo.png" alt=""></li>
                    <li>
                        <a href="">
                            <div class="text-color">品牌资讯</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="text-color">关于京润</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="text-color" style="text-align: left"><img src="../img/phone.png">联系京润</div>
                        </a>
                    </li>
                </ol>
            </div>
            <div class="repeat"></div>
        </nav>

        <!--轮播图-->
        <div class="container">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!--轮播图指示灯-->
                <ol class="carousel-indicators">
                    <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
                    <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
                <!--轮播图的资源-->
                <div class="carousel-inner" role="listbox">
                    <!--图片-->
                    <div class="item active">
                        <img src="../img/1.jpg">
                    </div>
                    <!--图片-->
                    <div class="item">
                        <img src="../img/2.jpg">
                    </div>
                </div>
            </div>
        </div>

        <!--栅格-->
        <div class="container content">
            <div class="col-md-6 col1">
                <img src="../img/pinpai.jpg">
                <div class="video">
                    <div>
                        <span>初始化失败！请您稍后重试。</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col2">
                <img src="../img/news.jpg" class="news">
                <div class="clearfix"></div>
                
                    <div class="link">
                        <p><a href="">前方发来捷报，珍珠节又爆了---</a></p>
                        <img src="../img/pearl.jpg" class="pearl">
                        <p><a href="">不是外挂，原来真的有产后恢复神器！</a></p>
                        <p><a href="">被珍珠节刷爆手机屏？就是这么任性！</a></p>
                        <p><a href="">都在说婴儿抚触，你真的知道吗？</a></p>
                        <p><a href="">小时候，妈妈说我是从大海捞上来的---</a></p>
                        <p><a href="">精挑细选优质的纸尿裤，你可能忘了宝宝的</a></p>
                        <p><a href="">转给你的老公，老婆怀孕时最需要的呵护！</a></p>
                        <p><a href="">get√手把手教你挑选宝宝护理品</a></p>                  
                    </div>   
                
            </div>
        </div>
        <div class="last-part">
            <img src="../img/lock.jpg" alt="" class="lock">
            <p><a href=""><img src="../img/defaultpic.gif" alt=""></a></p>
        </div>

        <!--底部-->
        <footer>
            <div class="footerOne">
                <h3>珍珠微量元素</h3>
                <p>珍珠，是天地间生命灵性的天然珍宝，她安睡在大海深处，蕴含启动生命的能量，拥有着大自然给予的珍贵礼物，温润，明亮，茁壮成长；</p>
                <p>京润珍珠研究发现，一直被视为大地之宝的珍珠，蕴藏着鲜为人知的生命能量！丰富的微量元素和自我孕育的神奇之源与初生宝宝之间有着细腻的牵系，</p>
                <p>我们心怀传承，感念维护，专注探研，只为给予东方宝宝的珍珠呵护，</p>
                <p>守护每一个充满美好的珍珠宝贝。</p>
            </div>
            <div class="footerTwo">
                <p>ALL rights reserved 广东京润珍珠宝贝销售有限公司 备案号 琼ICP备05000957号</p>
                <p>咨询、订购热线：4006767180（上午9：00-下午17：30）</p>
            </div>
        </footer>
 	</div>
 	
 	
            <script src="../js/jquery.min.js"></script>
            <script src="../js/bootstrap.min.js"></script>

            <script>
            	// 设置轮播图自动播放的时间间隔 单位：ms 毫秒
            	$('.carousel').carousel({
                	interval: 4500
            	})
            </script>
</body>

</html>